/*
 * @Author       : 邱狮杰
 * @Date         : 2021-09-01 16:37:05
 * @LastEditTime : 2021-09-08 10:12:48
 * @FilePath     : /newhope/src/components/polarResearch/hook/useClound.ts
 * @Description  :
 */

import { ref } from 'vue'
import a from '/@/assets/images/mike/28.png'
import b from '/@/assets/images/mike/29.png'
import c from '/@/assets/images/mike/30.png'
import d from '/@/assets/images/mike/31.png'
import e from '/@/assets/images/mike/32.png'
import f from '/@/assets/images/mike/33.png'


export function useClound() {
	return ref<{ img: string, style: string, clicked: boolean, green?: boolean }[]>([
		{
			img: a,
			style: `
			width: 24%;
			position: absolute;
			bottom: 0%;
			left: 53%;
			height: 9%;
			`,
			clicked: false
		},
		{
			img: b,
			style: `
			width: 9%;
			position: absolute;
			bottom: 12%;
			left: 71%;
			height: 8.8%;
			`,

			clicked: false,
			green: true
		},
		{
			img: c,
			style: `
			width: 9%;
    position: absolute;
    bottom: 21.6%;
    left: 83%;
    height: 8.8%;
			`,
			clicked: false
		},

		{
			img: d,
			style: `
			width: 9%;
    position: absolute;
    top: 35.4%;
    left: 4%;
    height: 5%;
			`,
			clicked: false

		},
		{
			img: e,
			style: `
			width: 25%;
    position: absolute;
    bottom: 6.4%;
    left: 12%;
    height: 20%;
			`,
			clicked: false
		},
		{
			img: f,
			style: `
			width: 6%;
    position: absolute;
    bottom: 38.4%;
    left: 28%;
    height: 6%;
			`,
			clicked: false
		},
	])
}
